home *** CD-ROM | disk | FTP | other *** search
/ PCGUIA 114 / PC Guia 114.iso / Software / Utils / The Gimp 2.2.1 / gimp-help-2-0.6-setup.exe / {app} / share / gimp / 2.0 / help / fr / ch06s07s02.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-12-19  |  12.3 KB  |  285 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>7.2.┬áMatrice de convolution</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <meta name="generator" content="DocBook XSL Stylesheets V1.66.1" />
  10.     <link rel="start" href="index.html" title="Guide Utilisateur de GIMP" />
  11.     <link rel="up" href="ch06s07.html" title="7.┬áFiltres g├⌐n├⌐riques" />
  12.     <link rel="prev" href="ch06s07.html" title="7.┬áFiltres g├⌐n├⌐riques" />
  13.     <link rel="next" href="ch06s07s03.html" title="7.3.┬áDilater" />
  14.   </head>
  15.   <body>
  16.     <div xmlns="" class="navheader">
  17.       <table width="100%" summary="Navigation header">
  18.         <tr>
  19.           <th colspan="3" align="center" id="chaptername">7.┬áFiltres g├⌐n├⌐riques</th>
  20.         </tr>
  21.         <tr>
  22.           <td width="20%" align="left"><a accesskey="p" href="ch06s07.html">Pr├⌐c├⌐dent</a>┬á</td>
  23.           <th width="60%" align="center" id="sectionname">7.2.┬áMatrice de convolution</th>
  24.           <td width="20%" align="right">┬á<a accesskey="n" href="ch06s07s03.html">Suivant</a></td>
  25.         </tr>
  26.       </table>
  27.       <hr />
  28.     </div>
  29.     <div class="sect2" lang="fr" xml:lang="fr">
  30.       <div class="titlepage">
  31.         <div>
  32.           <div>
  33.             <h3 class="title"><a id="plug-in-convmatrix"></a>7.2.┬áMatrice de convolution</h3>
  34.           </div>
  35.         </div>
  36.       </div>
  37.       <a id="id3460678" class="indexterm"></a>
  38.       <div class="mediaobject">
  39.         <img src="../images/filters/fr/filters-generic-convolution.png" />
  40.       </div>
  41.       <div class="simplesect" lang="fr" xml:lang="fr">
  42.         <div class="titlepage">
  43.           <div>
  44.             <div>
  45.               <h4 class="title"><a id="id3460710"></a>G├⌐n├⌐ralit├⌐s</h4>
  46.             </div>
  47.           </div>
  48.         </div>
  49.         <p>
  50.             Ce filtre se trouve ├á 
  51.             <span class="guimenuitem">Image>Filtres/G├⌐n├⌐rique/Matrice de <span class="accel">c</span>onvolution</span>
  52.           </p>
  53.         <p>
  54.             Nous sommes l├á dans le coin des math├⌐maticiens. La plupart des filtres de traitement 
  55.             des images utilisent des matrices de convolution. Avec le filtre Matrice de convolution, 
  56.             vous pouvez, si le coeur vous en dit, vous concocter un petit filtre sur mesure.
  57.           </p>
  58.         <p>
  59.             Mais qu'est-ce que c'est qu'une matrice de convolution? On peut s'en faire une id├⌐e 
  60.             approximative sans utiliser les outils math├⌐matiques que bien peu connaissent. Une 
  61.             convolution est un traitement d'une matrice par une autre appel├⌐e matrice de 
  62.             convolution ou ┬½noyau┬╗ (kernel).
  63.           </p>
  64.         <p> 
  65.             Notre filtre ┬½Matrice de convolution┬╗ utilise une premi├¿re matrice qui est l'image, c-├á-d 
  66.             une collection de pixels en coordonn├⌐es rectangulaires 2D (il y a des matrices 3D...), et 
  67.             un noyau variable selon l'effet souhait├⌐.
  68.           </p>
  69.         <p>
  70.             Gimp utilise des matrices de convolution 5x5 ou 3x3. Nous nous limiterons aux matrices 3x3, 
  71.             les plus utilis├⌐es. Elles suffisent ├á tous les effets recherch├⌐s. Si toutes les cases des 
  72.             bords du noyau sont ├á 0, le syst├¿me consid├¿re qu'il s'agit d'une matrice 3x3.
  73.           </p>
  74.         <p>
  75.             Le filtre ├⌐tudie successivement chacun des pixels de l'image. Pour chaque pixel, que nous 
  76.             appellerons ┬½pixel initial┬╗, il multiplie la valeur de ce pixel et de chacun des 8 pixels 
  77.             qui l'entourent par la valeur correspondante dans le noyau. Il additionne l'ensemble des 
  78.             r├⌐sultats et le pixel initial prend alors la valeur du r├⌐sultat final.
  79.           </p>
  80.         <p>
  81.             Vite un exemple, simple: 
  82.             <img src="../images/filters/examples/convolution-example1.png" />
  83.             ├Ç gauche se trouve la matrice de l'image: chaque pixel est indiqu├⌐ par sa valeur. Le pixel 
  84.             initial est encadr├⌐ de rouge. La zone d'action du noyau est encadr├⌐ de vert. Au centre, se 
  85.             trouve le noyau et, ├á droite, le r├⌐sultat de la convolution.
  86.           </p>
  87.         <p>
  88.             Voici ce qui s'est pass├⌐: le filtre a lu successivement, de gauche ├á droite et de haut en 
  89.             bas, les pixels de la zone d'action du noyau et il a multipli├⌐ chacun d'eux par la valeur 
  90.             correspondante du noyau et additionn├⌐ les r├⌐sultats: (100*0)+(50*1)+(50*0)*(100*0)+(100*0) 
  91.             +(100*0)+(100*0)+(100*0)+(100*0)+(100*0) = 50. Le pixel initial a pris la valeur 50. 
  92.             Pr├⌐c├⌐demment, quand le pixel initial a eu la valeur 50, il a pris la valeur 100 du pixel au
  93.             dessus (le filtre d├⌐pose ses r├⌐sultats sur une copie de l'image et pas directement dans 
  94.             l'image) et s'est fondu dans l'arri├¿re-plan 100. Le r├⌐sultat graphique est un d├⌐calage du 
  95.             pixel initial d'un pixel vers le bas.
  96.           </p>
  97.       </div>
  98.       <div class="simplesect" lang="fr" xml:lang="fr">
  99.         <div class="titlepage">
  100.           <div>
  101.             <div>
  102.               <h4 class="title"><a id="id3460826"></a>Options</h4>
  103.             </div>
  104.           </div>
  105.         </div>
  106.         <div class="variablelist">
  107.           <dl>
  108.             <dt>
  109.               <span class="term">Matrice</span>
  110.             </dt>
  111.             <dd>
  112.               <p>
  113.             C'est la matrice 5x5 du noyau que vous voulez cr├⌐er: vous entrez les valeurs voulues 
  114.             directement dans les cases.
  115.           </p>
  116.               <p>
  117.             <span class="guilabel">Diviseur</span>: le r├⌐sultat du calcul pr├⌐c├⌐dent sera divis├⌐ par ce 
  118.             diviseur. Vous n'utiliserez gu├¿re que 1 qui laisse le r├⌐sultat inchang├⌐, et 9 ou 25 
  119.             selon la taille de la matrice utilis├⌐e, ce qui donne la moyenne de la valeur des pixels.
  120.           </p>
  121.               <p>
  122.             <span class="guilabel">D├⌐calage</span>: cette valeur est ajout├⌐e au r├⌐sultat de la division. 
  123.             C'est utile si le r├⌐sultat risque d'├¬tre n├⌐gatif. Le D├⌐calage peut ├¬tre n├⌐gatif.
  124.           </p>
  125.             </dd>
  126.             <dt>
  127.               <span class="term">Bordure</span>
  128.             </dt>
  129.             <dd>
  130.               <p>
  131.             Quand le pixel initial est sur un bord, une partie du noyau porte en dehors des limites 
  132.             de l'image. Vous devez d├⌐cider de ce que doit faire le filtre. Dans les exemples 
  133.             ci-dessous, le noyau simple de d├⌐placement d├⌐crit plus haut a ├⌐t├⌐ appliqu├⌐ plusieurs 
  134.             fois, gr├óce ├á Ctrl-F, ├á l'image:
  135.           </p>
  136.               <div class="mediaobject">
  137.                 <img src="../images/filters/filters-convolution-milord.png" />
  138.               </div>
  139.               <div class="itemizedlist">
  140.                 <ul type="disc">
  141.                   <li>
  142.                     <p>  
  143.                 <span class="guilabel">├ëtendre</span>: cette partie du noyau n'est pas prise en compte. 
  144.                 Des pixels disparaissent. La ligne lib├⌐r├⌐e est remplac├⌐e par une extension de 
  145.                 la ligne suivante. 
  146.               </p>
  147.                     <div class="mediaobject">
  148.                       <img src="../images/filters/filters-convolution-extend.png" />
  149.                     </div>
  150.                   </li>
  151.                   <li>
  152.                     <p>
  153.                 <span class="guilabel">Enrouler</span>: cette partie du noyau ├⌐tudiera les pixels du bord 
  154.                 oppos├⌐, ce qui ├⌐quivaut ├á faire r├⌐appara├«tre de l'autre c├┤t├⌐ les pixels qui 
  155.                 disparaissent d'un c├┤t├⌐.  
  156.               </p>
  157.                     <div class="mediaobject">
  158.                       <img src="../images/filters/filters-convolution-wrap.png" />
  159.                     </div>
  160.                   </li>
  161.                   <li>
  162.                     <p>
  163.                 <span class="guilabel">Rogner</span>: Les pixels situ├⌐s en bordure disparaissent et les 
  164.                 parties lib├⌐r├⌐es sont transparentes. Si l'option Poids Alpha n'est pas coch├⌐e et 
  165.                 si l'image n'a pas de canal alpha, cette option est en gris├⌐.
  166.               </p>
  167.                     <div class="mediaobject">
  168.                       <img src="../images/filters/filters-convolution-crop.png" />
  169.                     </div>
  170.                   </li>
  171.                 </ul>
  172.               </div>
  173.             </dd>
  174.             <dt>
  175.               <span class="term">Canaux</span>
  176.             </dt>
  177.             <dd>
  178.               <p>
  179.             Vous pouvez choisir l├á le ou les canaux sur lesquels agira le filtre.
  180.           </p>
  181.             </dd>
  182.             <dt>
  183.               <span class="term">Automatique</span>
  184.             </dt>
  185.             <dd>
  186.               <p>
  187.             Quand cette otion est coch├⌐e, le Diviseur prend la valeur du r├⌐sultat du calcul de 
  188.             convolution. Si ce r├⌐sultat est ├⌐gal ├á 0 (on ne peut pas diviser par 0), un D├⌐calage 
  189.             de 128 est appliqu├⌐. S'il est n├⌐gatif (on ne peut pas avoir de couleur n├⌐gative), 
  190.             c'est un d├⌐calage de 255 qui est appliqu├⌐ (ce qui inverse le r├⌐sultat).
  191.           </p>
  192.             </dd>
  193.             <dt>
  194.               <span class="term">Poids alpha</span>
  195.             </dt>
  196.             <dd>
  197.               <p>
  198.             Si cette option n'est pas coch├⌐e, le calcul ne tient pas compte du degr├⌐ de 
  199.             transparence des couleurs, ce qui peut ├¬tre cause d'art├⌐facts lors de l'application 
  200.             d'un flou.
  201.           </p>
  202.             </dd>
  203.           </dl>
  204.         </div>
  205.       </div>
  206.       <div class="simplesect" lang="fr" xml:lang="fr">
  207.         <div class="titlepage">
  208.           <div>
  209.             <div>
  210.               <h4 class="title"><a id="id3461028"></a>Exemples</h4>
  211.             </div>
  212.           </div>
  213.         </div>
  214.         <p>
  215.       La cr├⌐ation de noyaux n├⌐cessite des connaissances math├⌐matiques de haut niveau. 
  216.       Mais vous en trouverez de tout faits sur la Toile. En voici quelques exemples:
  217.     </p>
  218.         <div class="variablelist">
  219.           <dl>
  220.             <dt>
  221.               <span class="term">Augmenter le contraste</span>
  222.             </dt>
  223.             <dd>
  224.               <div class="mediaobject">
  225.                 <img src="../images/filters/examples/convolution-sharpen.png" />
  226.               </div>
  227.             </dd>
  228.             <dt>
  229.               <span class="term">Flou</span>
  230.             </dt>
  231.             <dd>
  232.               <div class="mediaobject">
  233.                 <img src="../images/filters/examples/convolution-blur.png" />
  234.               </div>
  235.             </dd>
  236.             <dt>
  237.               <span class="term">Am├⌐lioration des bords</span>
  238.             </dt>
  239.             <dd>
  240.               <div class="mediaobject">
  241.                 <img src="../images/filters/examples/convolution-edge.png" />
  242.               </div>
  243.             </dd>
  244.             <dt>
  245.               <span class="term">D├⌐tection des bords</span>
  246.             </dt>
  247.             <dd>
  248.               <div class="mediaobject">
  249.                 <img src="../images/filters/examples/convolution-edge-detect1.png" />
  250.               </div>
  251.             </dd>
  252.             <dt>
  253.               <span class="term">Repoussage</span>
  254.             </dt>
  255.             <dd>
  256.               <div class="mediaobject">
  257.                 <img src="../images/filters/examples/convolution-emboss.png" />
  258.               </div>
  259.             </dd>
  260.           </dl>
  261.         </div>
  262.       </div>
  263.     </div>
  264.     <div class="navfooter">
  265.       <hr />
  266.       <table width="100%" summary="Navigation footer">
  267.         <tr>
  268.           <td width="40%" align="left"><a accesskey="p" href="ch06s07.html">Pr├⌐c├⌐dent</a>┬á</td>
  269.           <td width="20%" align="center">
  270.             <a accesskey="u" href="ch06s07.html">Niveau sup├⌐rieur</a>
  271.           </td>
  272.           <td width="40%" align="right">┬á<a accesskey="n" href="ch06s07s03.html">Suivant</a></td>
  273.         </tr>
  274.         <tr>
  275.           <td width="40%" align="left" valign="top">7.┬áFiltres g├⌐n├⌐riques┬á</td>
  276.           <td width="20%" align="center">
  277.             <a accesskey="h" href="index.html">Sommaire</a>
  278.           </td>
  279.           <td width="40%" align="right" valign="top">┬á7.3.┬áDilater</td>
  280.         </tr>
  281.       </table>
  282.     </div>
  283.   </body>
  284. </html>
  285.